﻿<phone:PhoneApplicationPage
    x:Class="GNP.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:Common="clr-namespace:GNP.Common" mc:Ignorable="d"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait"  Orientation="Portrait"
    DataContext="{Binding Main,Source={StaticResource Locator}}"
    shell:SystemTray.IsVisible="False">
    <phone:PhoneApplicationPage.Resources>
        <Style x:Key="ContentControlHeader" TargetType="ContentControl">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="ContentControl">
                        <ContentPresenter  Content="{TemplateBinding Content}" Height="Auto" Width="Auto" />
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <Style x:Key="PanoramaItem3" TargetType="phone:PanoramaItem">
            <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
            <Setter Property="VerticalContentAlignment" Value="Stretch"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="phone:PanoramaItem">
                        <Grid Background="{TemplateBinding Background}" Margin="12,0,0,0">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="26*"/>
                                <ColumnDefinition Width="79*"/>
                            </Grid.ColumnDefinitions>

                            <ContentControl x:Name="header" CharacterSpacing="-35" Height="91.838" ContentTemplate="{TemplateBinding HeaderTemplate}" Content="{TemplateBinding Header}" 
                                            FontSize="60" FontWeight="Bold" FontFamily="{StaticResource PhoneFontFamilySemiBold}" VerticalAlignment="Top" HorizontalAlignment="Left"  
                                            Grid.Column="0" Style="{StaticResource ContentControlHeader}"
                                            RenderTransformOrigin="0,0" Margin="0,592.537,0,-77.375" UseLayoutRounding="False" d:LayoutRounding="Auto" Grid.ColumnSpan="2"  >
                                <ContentControl.RenderTransform>
                                    <CompositeTransform Rotation="90" ScaleY="-1" TranslateX="2" TranslateY="-200" ScaleX="-1"/>
                                </ContentControl.RenderTransform>

                            </ContentControl>
                            <ContentPresenter Content="{TemplateBinding Content}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}"
                                              Grid.Column="1" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <Style x:Key="PhoneButtonBase" TargetType="ButtonBase">
            <Setter Property="Background" Value="Transparent"/>
            <Setter Property="BorderBrush" Value="{StaticResource PhoneForegroundBrush}"/>
            <Setter Property="Foreground" Value="{StaticResource PhoneForegroundBrush}"/>
            <Setter Property="BorderThickness" Value="{StaticResource PhoneBorderThickness}"/>
            <Setter Property="FontFamily" Value="{StaticResource PhoneFontFamilySemiBold}"/>
            <Setter Property="FontSize" Value="{StaticResource PhoneFontSizeMedium}"/>
            <Setter Property="Padding" Value="10,5,10,6"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="ButtonBase">
                        <Grid Background="Transparent">
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="CommonStates">
                                    <VisualState x:Name="Normal"/>
                                    <VisualState x:Name="MouseOver"/>
                                    <VisualState x:Name="Pressed">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentContainer">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneButtonBasePressedForegroundBrush}"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="ButtonBackground">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneAccentBrush}"/>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Disabled">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentContainer">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneDisabledBrush}"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="ButtonBackground">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneDisabledBrush}"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="ButtonBackground">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="Transparent"/>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
                            <Border x:Name="ButtonBackground" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" CornerRadius="0" Margin="{StaticResource PhoneTouchTargetOverhang}">
                                <ContentControl x:Name="ContentContainer" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" Foreground="{TemplateBinding Foreground}" HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" Padding="{TemplateBinding Padding}" VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"/>
                            </Border>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <Style x:Key="PhoneRadioButtonCheckBoxBase" BasedOn="{StaticResource PhoneButtonBase}" TargetType="ToggleButton">
            <Setter Property="Background" Value="{StaticResource PhoneRadioCheckBoxBrush}"/>
            <Setter Property="BorderBrush" Value="{StaticResource PhoneRadioCheckBoxBorderBrush}"/>
            <Setter Property="FontSize" Value="{StaticResource PhoneFontSizeMedium}"/>
            <Setter Property="FontFamily" Value="{StaticResource PhoneFontFamilyNormal}"/>
            <Setter Property="HorizontalContentAlignment" Value="Left"/>
            <Setter Property="VerticalContentAlignment" Value="Center"/>
            <Setter Property="Padding" Value="0"/>
        </Style>
        <Style x:Key="CheckBoxCategoryStyle" BasedOn="{StaticResource PhoneRadioButtonCheckBoxBase}" TargetType="CheckBox">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="CheckBox">
                        <Grid Background="Transparent" HorizontalAlignment="Center" VerticalAlignment="Center">
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="CommonStates">
                                    <VisualState x:Name="Normal"/>
                                    <VisualState x:Name="MouseOver"/>
                                    <VisualState x:Name="Pressed">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="CheckMark">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneButtonBasePressedForegroundBrush}"/>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Disabled">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="CheckMark">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneDisabledBrush}"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentContainer">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneDisabledBrush}"/>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                                <VisualStateGroup x:Name="CheckStates">
                                    <VisualState x:Name="Checked">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="CheckMark">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="1" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Unchecked"/>
                                    <VisualState x:Name="Indeterminate">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="CheckMark">
                                                <DiscreteObjectKeyFrame KeyTime="0">
                                                    <DiscreteObjectKeyFrame.Value>
                                                        <Visibility>Visible</Visibility>
                                                    </DiscreteObjectKeyFrame.Value>
                                                </DiscreteObjectKeyFrame>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
                            <Grid Margin="0" Width="70" Height="50" >
                                <Path x:Name="CheckMark" Data ="M1415.3,404.378C1418.67,407.572 1422.34,410.191 1425.43,412.338 1433.28,417.786 1438.86,421.664 1439.74,424.831 1440.49,421.729 1446.72,417.657 1453.99,412.216 1461.94,406.268 1474.26,397.8 1474.19,383.764 1474.05,358.139 1448.27,354.063 1439.74,375.199 1430.85,353.167 1405.5,358.274 1405.3,383.835 1405.24,392.515 1409.86,399.206 1415.3,404.378" 
                                          Fill="{StaticResource PhoneRadioCheckBoxCheckBrush}" FlowDirection="LeftToRight" HorizontalAlignment="Center" Height="30" IsHitTestVisible="False" Stretch="Fill" StrokeThickness="3" StrokeLineJoin="Round" Visibility="Visible"
                                     Opacity="0.5"     VerticalAlignment="Center" Width="30"/>

                                <ContentControl x:Name="ContentContainer" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" Grid.Column="1" Foreground="{TemplateBinding Foreground}" HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="12,0,0,0" Padding="{TemplateBinding Padding}" VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"/>
                            </Grid>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <Style x:Key="ButtonBarStyle" TargetType="Button">
            <Setter Property="Background" Value="Transparent"/>
            <Setter Property="BorderBrush" Value="{StaticResource PhoneForegroundBrush}"/>
            <Setter Property="Foreground" Value="{StaticResource PhoneForegroundBrush}"/>
            <Setter Property="BorderThickness" Value="{StaticResource PhoneBorderThickness}"/>
            <Setter Property="FontFamily" Value="{StaticResource PhoneFontFamilySemiBold}"/>
            <Setter Property="FontSize" Value="{StaticResource PhoneFontSizeMedium}"/>
            <Setter Property="Padding" Value="5,10,10,5"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Button">
                        <Grid Background="Transparent">
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="CommonStates">
                                    <VisualState x:Name="Normal"/>
                                    <VisualState x:Name="MouseOver"/>
                                    <VisualState x:Name="Pressed">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentContainer">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneButtonBasePressedForegroundBrush}"/>
                                            </ObjectAnimationUsingKeyFrames>
                                              <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Margin" Storyboard.TargetName="ButtonBackground">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="3,3,-3,-3"/>
                                            </ObjectAnimationUsingKeyFrames>

                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Disabled">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentContainer">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneDisabledBrush}"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="ButtonBackground">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneDisabledBrush}"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="ButtonBackground">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="Transparent"/>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
                            <Border x:Name="ButtonBackground" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="0" Background="{TemplateBinding Background}" CornerRadius="0" Margin="0">
                                <ContentControl x:Name="ContentContainer" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" Foreground="{TemplateBinding Foreground}" HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" Padding="{TemplateBinding Padding}" VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"/>
                            </Border>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </phone:PhoneApplicationPage.Resources>

    <!--LayoutRoot est la grille racine où tout le contenu de la page est placé-->
    <Grid x:Name="LayoutRoot" Background="Transparent">

        <!-- REMARQUE CONCERNANT LA LOCALISATION :
            Pour localiser les chaînes affichées, copiez leurs valeurs dans les clés correctes
            du fichier de ressources linguistiquement neutre de l'application (AppResources.resx), puis
            remplacez le texte codé en dur entre les guillemets des attributs
            par la clause de liaison dont le chemin pointe vers ce nom de chaîne.

            Par exemple :

                Text="{Binding Path=LocalizedResources.ApplicationTitle, Source={StaticResource LocalizedStrings}}"

            Cette liaison pointe vers la ressource de chaîne du modèle appelée ApplicationTitle.

            L'ajout de langues prises en charge à l'onglet Propriétés du projet crée un
            fichier resx par langue qui peut restituer les valeurs traduites de vos
            chaînes d'interface utilisateur. La liaison dans ces exemples peut entraîner le retrait de la valeur des
            attributs du fichier .resx qui correspond à la valeur
            CurrentUICulture de l'application au moment de l'exécution.
         -->

        <phone:Panorama Title="{Binding Path=LocalizedResources.ApplicationTitle, Source={StaticResource LocalizedStrings}}" x:Name="MainPanorama">
            <phone:Panorama.Background>
                <!--  <ImageBrush Stretch="None" ImageSource="/ReadMePlzTemplateWP8;component/Assets/PanoramaBackground.png"/>
            -->
                <SolidColorBrush Color="#FF616161" />
            </phone:Panorama.Background>

            <phone:PanoramaItem>
                <StackPanel Orientation="Horizontal">
                    <StackPanel Margin="0,10" VerticalAlignment="Top">
                        <Button Style="{StaticResource ButtonBarStyle}" toolkit:TiltEffect.IsTiltEnabled="True" Click="ButtonSetting_Click">
                            <Path Data="F1M-515.802,331.242C-515.789,329.857,-515.923,328.495,-516.128,327.172L-510.578,322.745C-512.008,317.424,-514.756,312.655,-518.482,308.812L-525.111,311.322C-527.209,309.586,-529.594,308.195,-532.179,307.198L-533.233,300.195C-535.788,299.515 -538.464,299.107 -541.237,299.086 -544.006,299.07 -546.686,299.44 -549.259,300.088L-550.396,307.078C-552.989,308.052,-555.398,309.403,-557.514,311.117L-564.117,308.526C-567.886,312.318,-570.696,317.047,-572.198,322.354L-566.702,326.846C-566.924,328.172 -567.071,329.531 -567.083,330.919 -567.093,332.318 -566.962,333.672 -566.752,335.005L-572.311,339.427C-570.872,344.742,-568.124,349.518,-564.398,353.354L-557.769,350.851C-555.674,352.581,-553.284,353.971,-550.698,354.976L-549.656,361.976C-547.092,362.659 -544.416,363.065 -541.647,363.086 -538.875,363.096 -536.198,362.729 -533.63,362.086L-532.482,355.088C-529.891,354.114,-527.484,352.763,-525.362,351.062L-518.771,353.651C-514.998,349.851,-512.192,345.12,-510.687,339.82L-516.182,335.333C-515.959,333.997,-515.814,332.643,-515.802,331.242z M-541.53,344.336C-548.84,344.292 -554.737,338.318 -554.689,331 -554.641,323.68 -548.673,317.784 -541.354,317.833 -534.035,317.88 -528.139,323.851 -528.187,331.172 -528.235,338.495 -534.205,344.385 -541.53,344.336z"
                                  Stretch="Uniform" Fill="{StaticResource PhoneAccentBrush}" Width="40" Height="40" Margin="0,0,0,0" RenderTransformOrigin="0.5,0.5" />
                        </Button>
                        <Button Style="{StaticResource ButtonBarStyle}" toolkit:TiltEffect.IsTiltEnabled="True" Click="ButtonBrowse_Click">
                            <Path Data="M1451.26,276.554C1451.69,276.45 1451.8,276.012 1452.34,276.015 1443.49,278.885 1435.13,286.938 1429.61,294.95 1430.07,280.942 1437.23,271.313 1450.72,269.521 1454.25,269.05 1458.21,270.284 1462.08,269.521 1468.49,268.256 1474.48,261.422 1482.64,263.568 1487.27,265.086 1487.17,273.551 1484.8,277.637 1484.77,272.98 1486.86,266.756 1481.55,265.193 1475.97,263.547 1470.24,268.365 1465.86,270.063 1477.51,274.292 1485.2,282.471 1484.8,298.738 1472.9,298.738 1460.99,298.738 1449.09,298.738 1447.39,309.559 1464.33,310.796 1465.86,301.986 1472,301.986 1478.13,301.986 1484.26,301.986 1479.91,313.602 1472.77,320.348 1459.37,320.922 1457.54,320.999 1454.99,320.075 1452.88,320.381 1447.33,321.192 1429.66,334.853 1426.37,320.922 1425.91,319.004 1426.14,316.744 1426.37,314.429 1427.84,299.767 1440.86,284.262 1451.26,276.554z M1449.09,290.624C1454.5,290.624 1459.91,290.624 1465.32,290.624 1466.86,279.642 1447.69,280.084 1449.09,290.624z M1431.78,322.546C1437.1,325.995 1445.94,322.958 1449.63,319.84 1441.83,318.812 1437.49,314.308 1433.4,309.562 1431.98,312.843 1430.27,318.06 1431.78,322.546z"
                                  Stretch="Uniform" Fill="{StaticResource PhoneAccentBrush}" Width="40" Height="40" Margin="0,0,0,0" RenderTransformOrigin="0.5,0.5" />
                        </Button>
                        <Button Style="{StaticResource ButtonBarStyle}" toolkit:TiltEffect.IsTiltEnabled="True" Click="ButtonRate_Click">
                            <Path Data="F1M-1194.75,903.661L-1185.96,931.291 -1156.97,931.114 -1180.52,948.014 -1171.41,975.531 -1194.75,958.348 -1218.11,975.531 -1208.99,948.014 -1232.54,931.114 -1203.55,931.291 -1194.75,903.661z"
                                  Stretch="Uniform" Fill="{StaticResource PhoneAccentBrush}" Width="40" Height="40" Margin="0,0,0,0" RenderTransformOrigin="0.5,0.5"/>
                        </Button>
                        <Button Style="{StaticResource ButtonBarStyle}" toolkit:TiltEffect.IsTiltEnabled="True" Click="ButtonAbout_Click">
                            <Path Data="M0.083000104,16.5L9.4169997,16.5 9.4169997,53.834 0.083000104,53.834z M4.7499999,0C7.3722199,0 9.4999999,2.1269503 9.4999999,4.75 9.4999999,7.3740196 7.3722199,9.5 4.7499999,9.5 2.12756,9.5 4.4703484E-08,7.3740196 0,4.75 4.4703484E-08,2.1269503 2.12756,0 4.7499999,0z"
                                  Stretch="Uniform" Fill="{StaticResource PhoneAccentBrush}"  Width="40" Height="40" Margin="0,0,0,0" RenderTransformOrigin="0.5,0.5"/>
                        </Button>
                    </StackPanel>
                    <ListBox  Margin="0,0,-22,0" ItemsSource="{Binding FavCat}" toolkit:TiltEffect.IsTiltEnabled="True" SelectionChanged="ListBox_SelectionChanged" >
                        <ListBox.ItemTemplate>
                            <DataTemplate>
                                <Grid Margin="0,10" Height="180" Width="380">
                                    <StackPanel Height="180" Width="380">
                                        <Image Source="{Binding Items[0].ImageLink}" Stretch="UniformToFill"  Height="180" Width="380"/>
                                    </StackPanel>
                                    <StackPanel Background="#60FFFFFF" Height="180" Width="380" >
                                        <TextBlock Text="{Binding Title}" TextWrapping="Wrap" FontSize="50" Margin="5" FontWeight="Bold"  />
                                    </StackPanel>
                                </Grid>
                            </DataTemplate>

                        </ListBox.ItemTemplate>
                    </ListBox>
                </StackPanel>
            </phone:PanoramaItem>

            <phone:PanoramaItem Orientation="Horizontal" Header="{Binding Path=LocalizedResources.TitleHighLight, Source={StaticResource LocalizedStrings}}" Width="652"  >
                <phone:LongListSelector Margin="0,-38,-22,2" toolkit:TiltEffect.IsTiltEnabled="True" ItemsSource="{Binding MixedItems}" SelectionChanged="LongList_SelectionChanged" GridCellSize="200,200" LayoutMode="Grid"  >
                    <phone:LongListSelector.ItemTemplate>
                        <DataTemplate>
                            <Border Margin="12,2,0,4" Height="200" Width="200">
                                <Grid >
                                    <Image Source="{Binding ImageLink}" Stretch="UniformToFill"  Height="200" Width="200"/>
                                    <StackPanel Background="#50000000" VerticalAlignment="Bottom">
                                        <TextBlock Text="{Binding Title}" Margin="10" MaxHeight="80"  TextWrapping="Wrap" Style="{StaticResource PhoneTextSubtleStyle}" />
                                    </StackPanel>
                                </Grid>
                            </Border>
                        </DataTemplate>
                    </phone:LongListSelector.ItemTemplate>
                </phone:LongListSelector>
            </phone:PanoramaItem>

            <phone:PanoramaItem Style="{StaticResource PanoramaItem3}" >
                <phone:PanoramaItem.Header>
                    <TextBlock   Text="{Binding Path=LocalizedResources.TitleCategory, Source={StaticResource LocalizedStrings}}" />
                </phone:PanoramaItem.Header>
                <Grid>

                    <ListBox  x:Name="CategoryList" toolkit:TiltEffect.IsTiltEnabled="True" ItemsSource="{Binding Categories}" SelectionChanged="LongListSelector_SelectionChanged">
                        <ListBox.ItemTemplate>
                            <DataTemplate>
                                <Grid>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="80"/>
                                        <ColumnDefinition/>
                                    </Grid.ColumnDefinitions>
                                    <CheckBox IsChecked="{Binding IsFavorite}" Click="CheckBox_Click"  Style="{StaticResource CheckBoxCategoryStyle}" Grid.Column="0" />
                                    <TextBlock Text="{Binding Title}" Margin="10,8" FontFamily="Segoe UI SemiBold" FontSize="30" Grid.Column="1" />
                                </Grid>
                            </DataTemplate>
                        </ListBox.ItemTemplate>
                    </ListBox>
                </Grid>
            </phone:PanoramaItem>


            <phone:PanoramaItem Header="{Binding Path=LocalizedResources.TitleAbout, Source={StaticResource LocalizedStrings}}" Orientation="Horizontal">
                <StackPanel Width="400">
                    <Image x:Name="Logo"  />
                    <TextBlock Text="{Binding Path=LocalizedResources.TitleDescription, Source={StaticResource LocalizedStrings}}"  Margin="5,1" FontFamily="Segoe UI SemiLight" FontSize="20" />
                    <TextBlock Text="{Binding Path=LocalizedResources.ContentDescription, Source={StaticResource LocalizedStrings}}" TextWrapping="Wrap" Margin="8,5,0,10" />

                    <TextBlock Text="{Binding Path=LocalizedResources.TitleCodedBy, Source={StaticResource LocalizedStrings}}" Margin="5,1" FontFamily="Segoe UI SemiLight" FontSize="20" />
                    <TextBlock Text="{Binding Path=LocalizedResources.ContentCodedBy, Source={StaticResource LocalizedStrings}}"  Margin="90,5,23,5" FontFamily="Segoe UI SemiBold" FontSize="25" />
                    <TextBlock  TextWrapping="Wrap" Text="Credits " Margin="5,1" FontFamily="Segoe UI SemiLight" FontSize="20" />
                    <TextBlock  TextWrapping="Wrap" Margin="8,5,0,10" Tap="TextBlock_Tap">
                        Special thanks to<LineBreak/> <Bold>Yassine Serhane</Bold> Microsoft intern and Nokia Developer Champion <LineBreak/>and <LineBreak/><Bold>Jay C. El Alaoui</Bold> Microsoft DPE 
                    </TextBlock>
                </StackPanel>
            </phone:PanoramaItem>
        </phone:Panorama>

        <!--Supprimez les commentaires pour voir une grille d'alignement qui vous aidera à vous assurer que vos contrôles sont
            alignés sur les limites communes.  L'image a une marge supérieure de -32px pour
            tenir compte de la barre d'état système. Attribuez-lui la valeur 0 (ou supprimez la marge)
            si la barre d'état système est masquée.

            Avant l'envoi, supprimez ce XAML et l'image proprement dite.-->
        <!--<Image Source="/Assets/AlignmentGrid.png" VerticalAlignment="Top" Height="800" Width="480" Margin="0" Grid.Row="0" Grid.RowSpan="2" IsHitTestVisible="False" />-->

    </Grid>
</phone:PhoneApplicationPage>